@charset 'utf-8';

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: #f7f7f7;
}

.desk {
  .left {
    // background-image:url(../images/desk-left.jpg);
    width: 375px;
    height: 796px;
    float: left;

    >img {
      width: 100%;
      height: 100%;
    }
  }

  .right {
    margin-left: 20%;
    width: 80%;
    height: 80px;

    >.header {
      height: 40px;
      padding: 20px;
      font-size: 26px;
      font-weight: 500;
      color: #333;
      line-height: 40px;

      >.title {
        float: left;
        height: 40px;
        width: 154px;
        margin: 0 5px 0 20px;
        color: #333;
        font-size: 26px;

        img {
          height: 40px;
          width: 40px;
        }

        span {
          display: block;
          float: right;
        }
      }

      >.nav {
        float: right;
        width: 370px;
        height: 40px;

        >a {
          float: left;
          display: block;
          // width: 70px;
          // height: 40px;
          text-decoration: none;
          color: #838383;
          font-size: 13px;
          margin: 0 15px;
          position: relative;
        }

        >span {
          float: left;
          // display: block;
          font-size: 12px;
          color: #BBBBBB;
        }
        >em{  
          float: left;
          display: block;
          margin-top: 2px;
          font-size: 12px;
          color: #838383;
        }
      }

    }

    .center {
      // border: 1px solid;
      padding: 20px 0 0;
      margin-top: 40px;
      width: 100%;
      height: 675px;
      background-color: #f7f7f7;

      >.center-center {
        // border: 1px solid;
        width: 450px;
        // height: 570px;
        background-color: #fff;
        padding: 40px 45px;
        margin: 0 auto 80px;
        position: relative;
          >span{
            position: absolute;
            top: 0px;
            right: 0px;
            display: block; 
            background-color: #ff5c00;
            border: 22px solid #ff5c00;
            color: #fff;
            font-size: 50px;
            // border-left-color: #fff;
            border-bottom-color: #fff;;
          }
        

        >.center-center-body {
          // border: 1px solid;
          background-color: #fff;
          overflow: hidden;
          >.form{
          >.center-center-header {
            background-color: #fff;
            position: relative;
            display: inline-block;
            display: flex;
            flex: auto;
            align-self: stretch;
            overflow: hidden;
            color: #BBBBBB;

            >.center-center-header-box {
              position: relative;
              display: flex;
              color: rgba(0, 0, 0, .85);
              font-size: 14px;
              font-variant: tabular-nums;
              line-height: 1.5715;
              list-style: none;
              background-color: #fff;

              >.center-border {
                position: absolute;
                background: #ff5c00;
                border-radius: 2px;
                height: 3px;
                left: 0px;
                width: 44px;
                bottom: 0;
              }

              >span {
                background-color: #fff;
                position: relative;
                font-size: 20px;
                margin: 8px 20px 0 0;
                >a{
                  display: block;
                  color: #999;
                  background-color: #fff;
                  text-decoration: none;
                }
              }

              >.active {
                background-color: #fff;
                font-weight: 550;
                color:#000;
                // border-bottom: 4px solid #ff6700;
                >a{
                  color:#000;
                }
              }
            }


          }

          >.center-center-center {
            background-color: #fff;
            // width: 356px;
            // height: 340px;
            display: inline-block;
            // box-sizing: border-box;
            // overflow: hidden;
            position: relative;
            min-width: 450px;

            // position: relative;
            >.center-center-caccount {
              position: relative;
              overflow: hidden;
              margin-top: 20px;
              background-color: #fff;
              >input {
                border-radius: 5px;
                // float: left;
                // margin-left: -5px;
                // margin-right: -5px;
                width: 354px;
                height: 60px;
                padding-left: 20px;
                border: 0;
                // padding: 30px 20px 10px;
                // background-color: #FCF2F3;
                background-color: #fbfbfb;
              }

              >label {
                user-select: none;
                position: absolute;
                top: 20px;
                left: 20px;
                height: 20px;
                font-weight: 400;
                font-size: 17px;
                color: rgba(0, 0, 0, .4);
                line-height: 20px;
                overflow: hidden;
              }

              >.center-center-caccount1 {
                color: #f04645;
                font-size: 12px;
                margin-top: 10px;
                // margin: 70px 0 20px 0;
                background-color: #fff;
                display: none;
              }


            }



            >.center-center-power {
              position: relative;
              overflow: hidden;
              margin-top: 20px;
              background-color: #fff;
              >input {
                border-radius: 5px;
                // float: left;
                // margin-left: -5px;
                // margin-right: -5px;
                width: 354px;
                height: 60px;
                padding-left: 20px;
                border: 0;
                // padding: 30px 20px 10px;
                // background-color: #FCF2F3;
                background-color: #fbfbfb;
                
                
              }
              >span{
                display: block;
                background-color: #fff;
                // float: right;
                position: absolute;
                top: 20px;
                right: 120px;
                font-size: 22px;
                color: #AAAAAA;
              }

              >label {
                user-select: none;
                position: absolute;
                top: 20px;
                left: 20px;
                height: 20px;
                font-weight: 400;
                font-size: 17px;
                color: rgba(0, 0, 0, .4);
                line-height: 20px;
                overflow: hidden;
                background-color: #fff;
                
              }

              >.center-center-power1 {
                color: #f04645;
                font-size: 12px;
                margin-top: 10px;
                background-color: #fff;
                display: none;
              }
            }

            

            >.center-center-agreemen {
              margin: 20px;
              font-size: 14px;
              color: #AAAAAA;
              background-color: #fff;

              >span {

                >input {
                  float: left;
                  margin-left: -20px;
                  margin-right: 4px;
                  display: block;
                  height: 20px;
                  width: 20px;
                }

              }

              >a {
                background-color: #fff;
                text-decoration: none;
                color: #333;
                margin: 0 2px 0;
              }
            }

            >.center-login {
              height: 40px;
              width: 356px;
              text-align: center;
              border: none;
              height: 60px;
              padding: 0 20px;
              background: #f2b58d;
              border-radius: 4px;

              >span {
                // display: block;
                background: #f2b58d;
                margin: 10px auto 10px;
                color: #fff;
                font-size: 17px;
              }
            }

            >.center-forget {
              >a {
                float: left;
                display: block;
                margin: 10px 0 10px 0;
                text-decoration: none;
                color: #ff5c00;
                font-size: 17px;
                background-color: #fff;
              }

              >.center-tel {
                margin-left: 185px;
              }
            }
          }

          >.center-center-floor {
            // height: 96px;
            // width: 360px;
            background-color: #fff;
            text-align: center;

            >.center-other {
              font-size: 17px;
              color: #AAAAAA;
              padding: 15px 20px;
              background-color: #fff;
              // background-color: red;
            }

            >.center-other-login {
              // width: 360px;
              // height: 52px;
              background-color: #fff;
              // margin: 0px 45px;

              >span {
                display: block;
                float: left;
                padding-left: 25px;
                margin: 10px 5px 0;
                background-color: #fff;
                font-size: 46px;
                height: 52px;
                line-height: 52px;
              }
            }
          }
          }
        }
      }
    }

    >.floor {
      >.floor-records {
        font-size: 12px;
        color: #999;
        text-align: center;

        a {
          text-decoration: none;
          font-size: 12px;
          color: #999;
        }
      }
    }
  }
}